On This Page

সিএসএস ইনলাইন ব্লক (CSS Inline-block)

`display:` `inline-block;`

দীর্ঘ সময় ধরে float প্রোপার্টি ব্যবহার করে গ্রিড(gird) বক্স তৈরি করা হতো, ব্রাউজার রিসাইজ করলে যা ব্রাউজারের সম্পূর্ণ প্রস্থ দখল করে এবং কন্টেন্টসমূহকে সুন্দরভাবে মুড়িয়ে(wrapping) ফেলে।

যাইহোক display: inline-block; ব্যবহার করে এই কাজ আরো সহজে করা সম্ভব।

Inline-block এলিমেন্ট ইনলাইন এলিমেন্ট এর মতই, কিন্তু inline-block এর ক্ষেত্রে নির্দিষ্ট প্রস্থ এবং উচ্চতা থাকতে পারে।

float-ব্যবহারের পূর্বের পদ্ধতি

kt_satt_skill_example_id=823

inline-block এর নতুন ব্যবহার পদ্ধতি

নিচের উদাহরণে লক্ষ্য করুন, ফ্লোটিং বক্সে display:inline-block ব্যবহার করা হয়েছে ফলে পরের ফ্লোটিং এর জন্য clear প্রোপার্টি ব্যবহারের প্রয়োজন হয়নি।

kt_satt_skill_example_id=824

Content added By

Nayan Islam

আরও দেখুন...